<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>登录页面</title>
    <link rel="stylesheet" type="text/css" href="../css/test01.css">
    <style>
        div {
            /* 颜色渐变 */
            border: 1px solid black;
            border-radius: 12px;
            margin: 30% 30% 30% 30%;
            background-image: linear-gradient(90deg, #fdfdfd, #000000);
            /* 外边框 */
            padding: 10px 30px 10px 30px;
            border: 1px solid rgb(0, 0, 0);
            outline-style: dotted;
            outline-color: #000000;
        }
        
        h1 {
            text-shadow: 5px 5px 5px #ffffff;
        }
    </style>
    <script src="../js/test01.js"></script>
</head>

<body>

    <div>
        <from>
            <table>
                <h1><b><p style="text-align: center;">登录</p></b></h1>
                <tr>
                    <td>用户名：</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td><input type="password"></td>
                </tr>
                <td>验证码：</td>
                <td><input type="password"></td>
                </tr>
                <tr>
                    <td colspan="6" align="center">
                        <input id="abcd" type="button" value="登录" /><br>
                        <input id="abc" type="button" value="重新注册" />
                    </td>
                </tr>

            </table>
        </from>
    </div>
    <script>
        window.alert("欢迎来到登录页面！！！");
    </script>
</body>

</html>